<template>
  <div class="invite">
    <div class="content">
      <div class="top">
        <img src="../assets/img/money.jpg" alt="">
        <p>
          <span>用户名</span>
          <span>邀请码</span>
        </p>
      </div>
      <div class="center">
        <img src="../assets/img/money.jpg" alt="">
        <p>扫一扫上面的二维码图案，邀请加入</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data(){
    return{

    }
  }
}
</script>
<style lang="stylus" scoped>
.invite{
  font-size 12px
  height 100%
  padding 20px 10px 0
  background #f8f8f8
  .content{
    background #ffffff
    border-radius 6px
    padding 20px
    .top{
      display flex
      align-items center
      img{
        width 60px
        height 60px
        border-radius 5px
        margin-right 10px
      }
      p{
        display flex
        flex-direction column
      }
    }
    .center{
      text-align center
      img{
        width 70%
        height 70%
        margin-bottom 10px
        margin 10px 0
      }
      p{
        color #bbb
      }
    }
  }
}
</style>


